<template>
  <div style="border: 1px solid blue; padding: 10px 20px">
    <h3>我是孙子组件</h3>
    <div>爷爷的数据： {{ count }}</div>

    <button @click="update">孙组件修改爷爷组件的数据</button>
  </div>
</template>

<script setup>
import { inject } from 'vue';
let count = inject('count');
const updateCount = inject('updateCount');

const update = () => {
  // console.log(count);
  // count.value++;
  updateCount();
};

// const props = defineProps({
//   count: Number,
// });

// const emits = defineEmits(['update']);

// const updateCount = () => {
//   emits('update', props.count + 2);
// };
</script>
